<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内外边距</title>
    <link rel="stylesheet" href="../../css/bootstrap.css">
    <link rel="stylesheet" href="../../bootstrap-icons-1.13.1/bootstrap-icons.min.css">
</head>
<body>
    <div class="container bg-primary">
        <!--
        m- 表示margin
        p- 表示padding
        t b l r - 上 下 左 右
        x - 左右
        y - 上下
        0 - 内外边距为0
        1 - 0.25rem
        2 - 0.5rem
        3 - 1rem
        4 - 1.5rem
        5 - 3rem
        auto - 把margin设置为auto
        -->
        <div class="bg-secondary pt-4">上内边距1.5rem</div>
        <div class="bg-warning p-5">所有内边距3rem</div>
        <div class="bg-success m-5">所有内边距3rem</div>
        <div class="bg-dark">div</div>
    </div>

</body>
</html>